<!doctype html>
<!--[if lt IE 7 ]> <html lang="pt-br" class="ie6"> <![endif]-->
<!--[if IE 7 ]>    <html lang="pt-br" class="ie7"> <![endif]-->
<!--[if IE 8 ]>    <html lang="pt-br" class="ie8"> <![endif]-->
<!--[if IE 9 ]>    <html lang="pt-br" class="ie9"> <![endif]-->   
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="pt-br"> <!--<![endif]-->

<link rel="icon" 
      type="image/png" 
      href="static-media/favicon.png">
      
{% load dajaxice_templatetags %}

	<head>
		<meta charset="utf-8"/>
		<title>Clever Friend</title>
		<style type="text/css"></style>
		<script type="text/javascript" src="/static-media/js/soccerFriend.js"></script>
		{% dajaxice_js_import %}
	</head>
  
<body>
	<center><img style="width: 700px; height: 90px;" alt="avatar" src="static-media/header.png"> </center></img>
	
	<hr style="width: 100%; height: 2px;">
		<div style="text-align: center;"><br>
	<table style="text-align: left; width: 1050px; height: 200px; background-color: white; margin-left: auto; margin-right: auto;" border="0" cellpadding="0" cellspacing="0">
  	<tbody>
   		<tr>
     		<td style="vertical-align: middle; text-align: center;">Chat<br>
      		</td>       		 		
    	</tr>
	    <tr>
	     	<td style="vertical-align: middle; text-align: center;">
	     		<textarea style="width: 500px; height: 280px;" id="conversa" rows="20" cols="1" overflow-y:auto; readonly="readonly" tabindex="2"></textarea></td>
	     	<td style="vertical-align: middle; text-align: center;">
	     		<img style="width: 180px; height: 250px;" alt="avatar" id="avatar" src="static-media/avatares/tranquilo.jpg"></td>
	    </tr>
	    <tr>
	     	<td style="vertical-align: middle; text-align: center;"> 
	     	<input style="width: 400px; height: 25px;" onkeypress="return noNumbers(event)" name="entradaTexto" id="input-text"> 
	     	<button style="width: 100px; height: 30px;" onclick="enviarMensagem()" name="enviar" type="button">Enviar</button><br>
	     	</td>
	    </tr>
	</tbody>
	</table>
	<br>
	</div>
<br>
	<hr style="width: 100%; height: 2px;">
		<div style="text-align: center;"><a href="http://www.twitter.com/paintcode"><img style="border: 0px solid ; width: 84px; height: 55px;" alt="pcs" src="static-media/PaintCodeSoftware.jpg"></a><br>
		</div>
</body></html>